<!doctype html>
<html lang="en"  ng-app="operationChoujiangLiuchengApp">
<head>
	<meta charset="UTF-8">
    <title>安装送6橙 户户不落空</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <link href="css/common.css" rel="stylesheet"/>
    <link href="css/liucheng.css" rel="stylesheet"/>
	<link href="css/bootstrap.css" rel="stylesheet"/>
</head>
<body  ng-controller="liuchengCtrl">
	<div class="loadDiv">
		<img src="images/liucheng/load.gif" class="loadPic"/>
	</div>
	<div class="clearfix slogan-w">
		<img src="images/liucheng/slogan.png" class="slogan"/>
	    <p class="slogan-p">活动时间：4月20日开始</p>
		<a href="javascript:;" class="rule-a"><img src="images/liucheng/rule-a.png"></a>
	</div>
	<img src="images/liucheng/dec.png" class="dec"/>
	<div class="form-w">
		<form>
			<dl>
				<dt>参与活动</dt>
				<dd style="background:red" ng-show="displayError==true"><font style="color:white">{{errorMessage}}</font></dd>
				<dd ng-show="userInfo.submittedFlag==false">姓&nbsp;&nbsp;名<em>*</em><input type="text" id="name" required="true" ng-model="userInfo.userName"  style="color:#000000;" MaxLength="20" ng-change="changeUserNameLiuCheng()"/></dd>
				<dd style="background:#E5E4E2" ng-show="userInfo.submittedFlag==true">姓&nbsp;&nbsp;名<em>*</em><input type="text" id="nameDisabled" style="color:#000000;" disabled="true" ng-model="userInfo.userName" MaxLength="20"/></dd>
				<dd ng-show="userInfo.submittedFlag==false">联系电话<em>*</em><input type="text" id="phone" ng-model="userInfo.phone" MaxLength="30"  style="color:#000000;" ng-change="changePhoneLiuCheng()"/></dd>
				<dd style="background:#E5E4E2" ng-show="userInfo.submittedFlag==true">联系电话<em>*</em><input type="text" id="phoneDiabled" ng-model="userInfo.phone"  style="color:#000000;" disabled="true" MaxLength="30"/></dd>
				<dd ng-show="userInfo.authenticationStatus==false&&userInfo.submittedFlag==false">单元<em>*</em><input type="text" id="roomUnit" ng-model="userInfo.roomUnit"  style="color:#000000;" MaxLength="100" ng-change="changeAddressLiuCheng()"/></dd>
				<dd style="background:#E5E4E2" ng-show="userInfo.authenticationStatus==true||userInfo.submittedFlag==true">单元<em>*</em><input type="text" id="roomUnitDisabled"  style="color:#000000;" disabled="true" ng-model="userInfo.roomUnit" MaxLength="100" /></dd>
				<dd ng-show="userInfo.authenticationStatus==false&&userInfo.submittedFlag==false">房间号<em>*</em><input type="tel" id="address" ng-model="userInfo.roomNumber"  style="color:#000000;" MaxLength="100" ng-change="changeAddressLiuCheng()" onkeyup="value=value.replace(/[^\d]/g,'')"/></dd>
				<dd style="background:#E5E4E2" ng-show="userInfo.authenticationStatus==true||userInfo.submittedFlag==true">房间号<em>*</em><input type="tel" id="addressDisabled"  style="color:#000000;" disabled="true" ng-model="userInfo.roomNumber" MaxLength="100" /></dd>

                <dd  ng-show="userInfo.submittedFlag==false">
					<div class="form-inline">
						送货时间<em>*</em>
						<select class="form-control" id="timePeriodAvailable" name="selDateTime"  ng-model="userInfo.timePeriodAvailable">
							<option>16:00 - 17:00</option>
							<option>17:00 - 18:00</option>
							<option>18:00 - 19:00</option>
							<option>19:00 - 20:00</option>
						</select>
					</div>
				</dd>
				<dd  style="background:#E5E4E2" ng-show="userInfo.submittedFlag==true">
					<div class="form-inline">
						送货时间<em>*</em>
						<select class="form-control" id="timePeriodAvailableDisabled"  name="selDateTime"  ng-model="userInfo.timePeriodAvailable" disabled="true">
							<option>16:00 - 17:00</option>
							<option>17:00 - 18:00</option>
							<option>18:00 - 19:00</option>
							<option>19:00 - 20:00</option>
						</select>
					</div>
				</dd>
			</dl>
			<input type="submit" id="joinButton" value="报名" ng-show="userInfo.submittedFlag==false" ng-click="submit(userInfo)"/>
			<input type="submit" id="joinButtonDisabled" value="您已经报名" style="color:#000000;"  disabled="true" ng-show="userInfo.submittedFlag==true"/>
		</form>
	</div>
	<div id="join-ok-image" class="popup join-ok-w"  hidden>
		<div class="join-ok" >
			<img src="images/liucheng/join-ok.png" class="join-ok-pic">
			<img src="images/liucheng/close.png" class="closeBtn">
		</div>
	</div>
	<div class="popup rule-w" hidden>
		<div class="rule">
			<img src="images/liucheng/close.png" class="closeBtn">
			<p class="title">活动规则</p>
			<ul>
				<li>万科假日风景小区用户只要安装APP注册成功即送6个橙子。</li>
				<li>请认真填写住址电话方便66小区送橙上门。（请完整填写住址：几期几单元几号）</li>
				<li>允许家庭不同成员使用不同的手机号码注册成为66小区用户，只要填写真实住址和电话均可享受橙子奖励，每个地址限领2份橙子。</li>
				<li>橙子从品牌水果店订购，新鲜甘甜，品质保证，童叟无欺。</li>
				<li>橙子最快次日送达，送货时间为每日16:00-20:00。</li>
				<li>本活动最终解释权归66小区所有，活动咨询请联系小6客服。</li>
			</ul>
		</div>
	</div>
</body>
</html>
<script src="js/jquery-1.7.1.min.js"></script>

<script src="../../lib/angular/angular.js"></script>
<script src="../../lib/angular/angular-route.js"></script>
<script src="../../lib/angular/angular-resource.js"></script>
<script src="js/choujiang-liucheng-angular-controller.js"></script>
<script src="js/bootstrap.js"></script>

<script>
	$(window).load(function(){
		$('.clockpicker').clockpicker();
//		$('.loadPic').hide();
//		$('.loadDiv').hide();
	});
	$('.rule-a').click(function(){
		var height=$(window).scrollTop();
		$('.rule').css({'top':height});
		$('.rule-w').show();
	})
//	$('#joinButton').click(function(){
//		var height=$(window).scrollTop();
//		$('.join-ok').css({'top':height});
//		$('.join-ok-w').show();
//		return false;
//	})
	$('.closeBtn').click(function(){
		$('.popup').hide();
	})
</script>